"use client"

import Image from "next/image"
import { useLanguage } from "@/context/language-context"

export function CraftsmanshipSection() {
  const { dictionary } = useLanguage()

  return (
    <section className="py-12 md:py-20 bg-gray-50 dark:bg-gray-900">
      <div className="container mx-auto px-4 md:px-6 grid md:grid-cols-2 gap-10 items-center">
        <div className="space-y-6">
          <h2 className="text-3xl md:text-4xl font-bold text-gray-900 dark:text-gray-50">
            {dictionary.craftsmanshipTitle}
          </h2>
          <p className="text-lg text-gray-700 dark:text-gray-300 leading-relaxed">
            {dictionary.craftsmanshipDescription}
          </p>
        </div>
        <div className="relative h-64 md:h-96 rounded-lg overflow-hidden shadow-lg">
          <Image
            src="/placeholder.svg?height=600&width=800"
            alt="Craftsmanship"
            layout="fill"
            objectFit="cover"
            className="rounded-lg"
          />
        </div>
      </div>
    </section>
  )
}
